@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,table,div,span,a,p,em{margin:0;padding:0; -webkit-tap-highlight-color: transparent;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
li{ list-style: none;}
body { font: 400 14px/1.5 Arial,"Lucida Grande",Verdana,"Microsoft YaHei",hei; background-color:#fff; color:#333; max-width: 640px; min-width: 320px; position: relative; margin: 0 auto;}
a{color:#000;text-decoration:none}
/*a:hover{ color:#0066CC;}*/
em{font-style:normal}
li{list-style:none}
input{ border:0; outline:none;    }
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0; width: 100%;}
p{word-wrap:break-word}
h2 {font-size:14px}
h3 {font-size:12px}
img {border:none; }
a {text-decoration:none;}
table {border-collapse:collapse;border:1px solid #DDDDDD;}
table th,table td {padding:10px; border:1px solid #ddd;}
html,body{ width: 100%;}
.g7no{ color: #E40011}

.header{    width: 100%;
    height:50px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background-color: #2f85ff;
    line-height: 50px;}
.ml10{margin-left: 10px}
.banner { overflow: hidden; visibility: hidden; position: relative; width: 100%; margin-bottom: 10px}
.banner-wrap { overflow: hidden; position: relative; }
.banner-wrap > div { float:left; width:100%; position: relative; }
.banner-wrap img{ width: 100%; }
.circles{ width: 100%; overflow: hidden;  height:25px; position: absolute;bottom: 5px;}
/*-webkit-transform:translate(-50%,0); transform:translate(-50%,0);*/
.circles ul{width: 100%; overflow: hidden; margin-top: 10px;  text-align: center;}
.circles ul li{  width: 10px; height: 10px; background-color: #fff; border-radius: 50%; display: inline-block; margin-right: 15px}
.circles ul li.cur {  background-color: #DD0000}

.picliem{margin: 10px 0;    overflow: hidden; }
.picliem span{ float: left;
    width: 50%;
    height: 100px;
    padding: 0 15px;position: relative;}
.picliem span img{width: 95%; height: 100px; border-radius: 6px}
.ligzg{ width: 100%; height: 100px; position:absolute; left: 0; top: 0;    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;    opacity: 0; border: none;  }

.picliem span:nth-of-type(1){ border-right: none;padding-left: 0;}
.picliem span:nth-of-type(2){ margin-left: -1px;padding-right: 0;}
.btn{padding: 0 10px}
.btn button{width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #2f85ff;
    color: #fff;
    border: none;
    font-size: 16px;margin-top: 10px;}
.btn button:hover{ background-color: #297aec}
.formzhgll{overflow: hidden;margin-top: 10px;}
.formzhgll li{padding: 5px 10px;     overflow: hidden; position: relative;    margin-bottom: 8px;}
.text-input{background-color: #f5f5f5;
    height: 40px;
    width: 100%;
    text-indent: 10px;font-size: 16px;}

.titlez{font-size: 16px; font-weight: normal; color: #666; margin-bottom: 10px}
.xiakea{margin-right: 10px}


.cdlist{padding: 10px}
.cdlist li{margin-bottom: 10px; position: relative; overflow: hidden;}
.cdlist li  img{width: 100%}
.cdlist li em{position: absolute; left: 0;top: 0; background-color: #2f85ff; color: #fff; padding: 5px;font-size: 14px;}
.cdlist li h5{ position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%;

    background-color: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 14px;
    text-align: left;overflow: hidden; padding-left: 10px;
    height: 34px;
    line-height: 34px;}
.yul{overflow: hidden;}
.yul a{float: left;
    width: 50%;
    background-color: #2f85ff;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.yul a:nth-of-type(2){border-left: 1px solid #fff}

.zhutu{ height: 190px; overflow: hidden;}

.yucheng{padding: 10px;}
.yucheng h2{padding: 10px;     text-align: center;    color: #2f85ff;}
.yucheng p{      border: 1px solid #f3e6ad;
    background-color: #fff9de;
    padding: 10px;
    color: #f76219;margin-bottom: 20px;}

.yucheng i{  width: 56px;
    display: block;
    margin: 0 auto;     margin-bottom: 5px;}
.yucheng i img{width: 100%}

.yul a img,.ulpic{ width: 21px; height: 17px; display: inline-block;margin-right: 3px;margin-top: -3px;}

.mianfei{    background-color: #eca817;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    text-align: center;border-radius: 5px;}

.mianfei:hover{ background-color: #e29f0f }

.tacklist li{     padding: 5px 0;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    padding-left: 10px;
    color: #999;}

.tacklist{border: 1px solid #ddd; margin-bottom: 20px;    border-bottom: none;}
.tacklist h5{    padding: 10px;
    font-size: 14px;
    background-color: #e2e2e2;
    font-weight: normal;
    text-align: center;
    color: #ec5417;}

.red{ color: red; padding-left: 10px; margin-top: 10px;}
.ral{color: #2f85ff}

.quanbrenbao{width: 100%; height: 100%; position: fixed; top:0; left: 0; background-color: rgba(0,0,0,0.6); display: none;}
.quanbrenbao .data_fon{width: 80%; height: 170px; border: 1px solid #ddd; position: fixed; top:50%; left: 10%; margin-top: -70px; text-align: center;      background-color: #fff; z-index: 999}
.data_fon h2{ background-color: #efefef; padding: 10px; border-bottom: 1px solid #ddd;font-size: 16px;}

.data_fon span{     padding: 9px 34px;
    font-size: 16px;
    display: inline-block;
    margin-top: 33px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;}
.data_fon span.datayes{   background-color: #4cb51e;margin-right: 15px;}
.data_fon span.datano{    background-color: #ff3b3b;}
.data_fon span.datano:hover{    background-color: #f32d2d;}
.data_fon span.datayes:hover{    background-color: #44ab17;}





